<div align=center style="margin-top:20px">
    <!--
    <div id="videoPlayer"></div>
 <video id="videoPlayer" class="video-js vjs-big-play-centered vjs-fluid" webkit-playsinline x-webkit-airplay="allow"></video>
    -->
    <video id="videoPlayer" name="videoPlayer" src="" controls="controls" style="display:none; width:100%;"></video>
</div>

<script type="text/javascript">
    var height = window.screen.height;
    console.log("window height=" + height)
    height *= 0.95;
    console.log("dialog height=" + height)
    document.getElementById('videoPlayer').style.height = height + "px";

    var VideoViewer = (function () {
        var docInfo = {};

        function videoViewerPageInit(Input_doc) {
            console.log("videoViewerPageInit InputDoc:", Input_doc);
            docInfo = Input_doc;

            var fileLink = docInfo.fileLink;

            showVideo(fileLink);

        }

        function showVideo(fileLink) {
            $("#videoPlayer").show();
            $("#videoPlayer").attr('src', fileLink);
            //Videojs Mode
            //var type = getVideoTypeByFileSuffix(docInfo.fileSuffix);
            //showVideoWithVideojs('videoPlayer', fileLink, type);

            //DPlayer Mode
            //showVideoWithDPlayer('videoPlayer', fileLink);
        }

        return {
            videoViewerPageInit: function (docInfo) {
                videoViewerPageInit(docInfo);
            },
        };
    })();

</script>
